import React from "react";
import { Form, DatePicker, TimePicker, Input, Button } from "antd";
import "antd/dist/antd.css";

export default function Search(props) {
  const { RangePicker } = DatePicker;
  return (
    <>
      <div className="page-title"> </div>
      <div className="control-area ">
        <Form
          name="control-hooks"
          onFinish={props.onSearch}
          className="search-meet"
        >
          <Form.Item name="date" label="日期">
            <RangePicker format="YYYY-MM-DD" />
          </Form.Item>
          <Form.Item name="time" label="时间">
            <TimePicker format="HH:mm" />
          </Form.Item>
          <Form.Item name="host" label="主持人">
            <Input />
          </Form.Item>
          <Form.Item name="join" label="参加人">
            <Input />
          </Form.Item>

          <Button type="primary" htmlType="reset">
            重置
          </Button>
          <Button type="primary" htmlType="submit">
            查询
          </Button>
        </Form>
      </div>
    </>
  );
}
